<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./register.css">
</head>

<body>
    <div class="form-container">
        <h1 class="title">用户注册</h1>
        <form id="formContainer" class="form-wrapper register">
            <div class="form-item">
                <input id="userName" class="text" type="text" placeholder="请输入用户名">
            </div>
            <!-- uesrNickName不显示，所以传给后端的值是空字符串 -->
            <div class="form-item nick-name" style="display:none">
                <input id="userNickname" class="text" type="text" placeholder="输入一下你的昵称" value="123">
            </div>
            <div class="form-item user-password">
                <input id="userPassword" class="text" type="password" placeholder="请输入注册密码">
            </div>
            <div class="form-item">
                <input id="userConfirmPassword" type="password" placeholder="确认密码">
            </div>
            <input class="signin" type="submit" value="注册">
        </form>
        <div class="copy-rights">
            <p>
                <a class="switch-register" href="../login.html">已有账号，快去登录</a>
            </p>
        </div>
    </div>
    <script src="./register.js"></script>
</body>

</html>